import { FC, useState, useContext } from "react";

import styles from "./index.module.less";
import BorderCard from "../BorderCard";
export interface ICredibleTask {
  tagUnit: any;
  abnormalCause: string;
  createTime: string;
  id: number;
  isOpen: number;
  labelId: number;
  lowerLimit: number;
  realValue: number;
  runningState: number;
  tagDesc: string;
  tagName: string;
  tagState: number;
  updateTime: string;
  upperLimit: number;
  warningTime: string;
  associatedItemPath: string;
}

interface IState {
  credibleList: ICredibleTask[];
  unCredibleList: ICredibleTask[];
  currentList: ICredibleTask[];
  currentInfo?: ICredibleTask;
}

const DataCredibility: FC = () => {
  const [state, setState] = useState<IState>({
    credibleList: [],
    unCredibleList: [],
    currentList: [],
    currentInfo: undefined,
  });

  return (
    <>
      <div className={styles["left-comp"]}>
        <BorderCard
          title="数据可信度评估结果"
          // title={<CardTitle title="数据可信结果统计"></CardTitle>}
          height="184px"
          // operArea={}
        >
          {/* <CredibleInfoList list={credibleInfoList}></CredibleInfoList> */}
        </BorderCard>
        <BorderCard
          title="数据可信度评估结果"
          // title={<CardTitle title="数据可信度评估结果"></CardTitle>}
          height="calc(100% - 200px)"
          // operArea={<ResetButton onClick={resetList}></ResetButton>}
        ></BorderCard>
      </div>
      <div className={styles["right-comp"]}>
        <BorderCard
          title="数据可信度评估结果"
          // title={<CardTitle title="数据可信参数评估详情"></CardTitle>}
          height="100%"
          // operArea={<ResetButton onClick={resetCurrentInfo}></ResetButton>}
        ></BorderCard>
      </div>
    </>
  );
};

export default DataCredibility;
